import { useState, useContext } from "react";
import { useNavigate } from "react-router-dom";
import { authStyles } from "../assets/dummystyle";
import { UserContext } from "../context/UserContext";

const SignUp = ({ setCurrentPage }) => {
  const [fullName, setFullName] = useState("");
  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");
  const [error, setError] = useState(null);
  const { updateUser } = useContext(UserContext);
  const navigate = useNavigate();

  const handleSignup = async (e) => {
    e.preventDefault();
    if (!fullName) {
      setError("Please enter fullMame.");
    }
  };
  return (
    <div className={authStyles.signupContainer}>
      <div className={authStyles.headerWrapper}>
        <h3 className={authStyles.signupTitle}>Create Account</h3>
        <p className={authStyles.signupSubtitle}>
          Join thousands of prefessionals today
        </p>
      </div>
      <form onSubmit={handleSignup} className={authStyles.signupForm}></form>
    </div>
  );
};

export default SignUp;
